/**
 * @description 组件样式
 * @author: 陈陈
 * @date: 2025/05/09
 * @phone: 18560000860
 * @email: 18560000860@qq.com
 * @company: 济南晨霜信息技术有限公司 /
 * @business: 承接前后端项目的开发
 */
.pure-stepper {
    display: inline-flex;
    flex-direction: row;
    flex-direction: row;
    gap: var(--pure-stepper-gap, 4px);
    width: var(--pure-stepper-width, 8em);
    height: var(--pure-stepper-height, 2em);
    text-align: var(--pure-stepper-text-align, center);

    &__symbol {
        width: var(--pure-stepper-symbol-size, var(--pure-stepper-height, 2em));
        height: var(--pure-stepper-symbol-size, var(--pure-stepper-height, 2em));
        background: var(--pure-stepper-symbole-background, var(--pure-theme-primary));
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-radius: var(--pure-stepper-symbol-border-radius, var(--pure-stepper-border-radius, 3px));
        color: var(--pure-stepper-symbol-color, #ffffff);

        &__icon {
            font-size: var(--pure-stepper-symbol-font-size, var(--pure-font-size-smaller));
        }

        &--disabled {
            background: var(--pure-stepper-symbole-disabled-background, var(--pure-stepper-symbole-background, var(--pure-theme-primary)));
            opacity: var(--pure-stepper-symbole-disabled-opacity, var(--pure-opacity-disabled));
        }
    }

    &__content {
        flex: 1;
        background: var(--pure-stepper-content-background, var(--pure-border-color-gary));
        border-radius: var(--pure-stepper-symbol-border-radius, var(--pure-stepper-border-radius, 3px));
    }

    &__input {
        width: 100%;
        height: 100%;
        border: none;
        outline: none;
    }
}